<template>
    <div>
      <h1>{{title}}</h1>
      <h1>MyTitle属性的值是：{{MyTitle}}</h1>
      <h2>{{name}}  {{age}}</h2>
      <button>这是一个按钮</button>
    </div>
</template>

<script>
    export default {
        name: "Header",
      /* 当前组件声明的属性,调用者可以设置属性 */
      /* props是固定的写法，属性的名称可以自定义  */
      props:{
        MyTitle:{
          type: String,  // 属性的类型
          required: false, // 是否是必填的属性
          default: '默认的标题'  // 属性的默认值
        },
        name: {
          type: String
        },
        age: {
          type: Number
        }
      },
      data(){
          return{
            title:'header页面头'
          }
      }
    }
</script>

<style scoped>

</style>
